<template>
  <div>
    <h3>Games</h3>
    <ul>
      <li v-for="item in games" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Games",
  computed: {
    games() {
      switch (this.$route.params.id) {
        case "1":
          return ["湖北-武汉"];
        case "2":
          return ["湖北-鄂州"];
        case "3":
          return ["湖北-十堰"];
        default:
          return [];
      }
    },
  },
};
</script>

<style>
</style>